<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
				#all{
					width: 100%;
				}
				#head{
					width: 1020px;
					height: 150px;
					margin: 0 auto;
				}
				#bottom{
					width: 1020px;
					height: 200px;
					margin: 0 auto;
				} 
				#iframe-head{
					width: 1000px;
					height: 150px;
				}
				#iframe-bottom{
					width: 1000px;
					height: 180px;
					position: relative;
					top: 20px;
				}
				#ctn{
					width: 980px;
					height: 500px;
					margin: 0 auto;
				}
				#ctn1{
					width: 980px;
					height: 200px;
					background: url(img/images/buytitle_bg.gif) no-repeat top center;
				}
				#ctn1 h4{
					margin-left: 50px;
					padding-top: 5px;
				}
				#ctn1 table{
					width: 900px;
					height: 150px;
					margin-left: 15px;
				}
				#ctn2{
					width: 980px;
					height: 200px;
					background: url(img/images/buytitle_bg.gif) no-repeat top center;
				}
				#ctn2 h5{
					margin-left: 50px;
					padding-top: 7px;
				}
				#ctn2 table{
					width: 500px;
					height: 150px;
					margin-left: 100px;
				}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="head">
				<iframe src="head.html" id="iframe-head" scrolling="no" frameborder="0"></iframe>
			</div>
			<div id="ctn">
				<div id="ctn0">
					<img src="img/images/mycart.gif" />
					<a href="#">全场运费一律两元</a>
					<a href="#">简易计算器</a>
				</div>
				<div id="ctn1">
					<h4>确认商品价格与交易条件</h4>
					<table>
						<tr>
							<td>商品名</td>
							<td>原价</td>
							<td>优惠价</td>
							<td>打折</td>
							<td>数量</td>
							<td>删除</td>
						</tr>
						<tr>
							<td>攀高搓背靠垫按摩器（蓝色）（定制）</td>
							<td>￥258.00</td>
							<td>￥129.00</td>
							<td>50折</td>
							<td>
								<input type="text"value="1">
							</td>
							<td>
								<a href="#">删除</a>
							</td>
						</tr>
						<tr>
							<td>攀高搓背靠垫按摩器（蓝色）（定制）</td>
							<td>￥258.00</td>
							<td>￥129.00</td>
							<td>50折</td>
							<td>
								<input type="text"value="1">
							</td>
							<td>
								<a href="#">删除</a>
							</td>
						</tr>
						<tr>
							<td>攀高搓背靠垫按摩器（蓝色）（定制）</td>
							<td>￥258.00</td>
							<td>￥129.00</td>
							<td>50折</td>
							<td>
								<input type="text"value="1">
							</td>
							<td>
								<a href="#">删除</a>
							</td>
						</tr>
						<tr>
							<td>继续挑选商品</td>
							<td colspan="2">￥527.00</td>
							<td colspan="3">你共节省￥348.00</td>
						</tr>
					</table>
				</div>
				<div id="ctn2">
					<h5>补充您的邮件地址和联系人基本信息</h5>
					<table>
						<tr>
							<td>收件人：</td>
							<td colspan="2">
								<input type="text"/>
							</td>
						</tr>
						<tr>
							<td>地址：</td>
							<td>
								<input type="text"/>
							</td>
							<td>
								<a href="#">请点击填写地址</a>
							</td>
						</tr>
						<tr>
							<td>电话：</td>
							<td>
								<input type="text" style="width: 35px;"/>-<input type="text" style="width: 70px;"/>-<input type="text" style="width: 35px;"/>
							</td>
							<td>（区号-电话号码-分机）</td>
						</tr>
						<tr>
							<td></td>
							<td colspan="2">
								<img src="img/images/submit.gif" />
							</td>
						</tr>
					</table>
				</div>
				<div id="bottom">
					<iframe src="bottom.html" id="iframe-bottom" scrolling="no" frameborder="0"></iframe>
				</div>
			</div>
		</div>
	</body>
</html>
